<!doctype html> <html lang=zh-cmn-Hans> <head> <meta http-equiv=Content-Type content="text/html; charset=UTF-8"> <title>VIA 24 Character Strength Test | Yoparent</title> <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name=viewport> <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible> <meta name=apple-mobile-web-app-capable content=yes> <meta http-equiv=Cache-Control content="no-cache, no-store, must-revalidate"> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=0> <meta http-equiv=cache-control content="max-age=0"> <meta http-equiv=expires content="Tue, 01 Jan 1980 1:00:00 GMT"> <meta name=apple-mobile-web-app-status-bar-style content=black> <link rel="shortcut icon" href=http://img.yoparent.com/wp-content/uploads/2015/07/favicon.png> <link rel=stylesheet href=styles/main.css> <script src=scripts/vendor.js></script> <style>
      .continue-btn-wrap{
        width: 100%;
        height: 55px;
        position: absolute;
        bottom: 10px;
      }
      *{
        word-break: normal !important;
        text-align: justify;
      }
      .questionCaption{
        font-weight: 900;
        color: #b2ed38;
      }
      #share{
        background: url('http://7xi66y.com1.z0.glb.clouddn.com/scale/common/yoparent_weixin_logo.jpg?imageView2/0/w/35');
        background-repeat: no-repeat;
        background-position: 10px;
        padding-left: 40px;
      }
      .result-box .btn {
        width: 80%;
      }

      .cover-scroller li:nth-child(1){
        font-size: 14px;
        font-weight: 900;
      }
      .result-box .desc li{
        font-size: 14px !important;
        font-weight: 900;
      }
      .ending > .mesg{
        width: 200px;
      }

    </style> <script language=text/template id=result-tpl style=display:none;>
      <h3>You have such following signature character strengths:</h3>
      <ul class="question_explain_wrapper">
      <%_.each(data.roundData, function(oneDesc,index){%>
        <li>
          <div class="explain_circle"></div>
          <div class="explain_content"><%=oneDesc.name%>: Score higher than <%=data.statiscData.data.rate[index].rate[0]%>% of the people (which is <%=data.statiscData.data.rate[index].total[0]%> people) who have taken the same test. <%=oneDesc.desc%></div>
        </li>

      <%});%>
      </ul>
    </script> <script language=text/template id=share-description-tpl style=display:none;>
      The "<%=data.roundData[0].name%>" character of my child is better than <%=data.statiscData.data.rate[0].rate[0]%>% of the people, which is <%=data.statiscData.data.rate[0].total[0]%> persons in total. Try and see what your children get.
    </script>     <script language=text/template id=under-tpl style=display:none;>

      <div class="content-wrap full-page" id="content-wrap" attr-full-page>
        <ul class="content" id="content" attr-content>
          <li attr-page attr-cover>
            <div class="img-cover" img-src="<%=img_src%>"
                 img-width="<%=imgWidth%>"
                 img-height="<%=imgHeight%>"
                 cover-img>
              <img class="hide"/>
            </div>
            <h1 class="hide" cover-title><%=title%></h1>
            <div class="cover-wrapper" id="cover-wrapper" cover-wrapper>
              <ul class="desc cover-scroller hide" style="font-size: 16px;line-height: 25px;" id="cover-scroller" cover-desc>
                <li><%=description%></li>
              </ul>
            </div>
            <div class="btn-wrap">
              <div class="btn bg-primary hide" id="start" cover-btn>Start now</div>
            </div>
            <div class="power">Powered&nbsp;by&nbsp;Yoparent.com</div>
          </li>
          <%_.each(questions, function(oneQuestion,qIndex){%>
          <li class="page-content-wrapper" attr-page attr-main>
            <!--题目的头部-->
            <div class="img-cover hide" img-width="<%=oneQuestion.imgWidth%>" img-height="<%=oneQuestion.imgHeight%>"
                 main-img img-src>
              <h1 class="hide main-title-explain" main-title >
                <%=qIndex+1%>/<%=questions.length%>.&nbsp;<%=oneQuestion.caption%>
              </h1>
            </div>
            <!--题目的头部end-->

            <!--题目的选项-->
            <%var answers = oneQuestion.answers%>
            <div class="answers-content-wrapper wrapper hide" answers-wrapper>
              <ul class="answers scroller" id="answers" answers-num=<%=answers.length%>main-answers>
                <%_.each(answers, function(oneAnswer,aIndex){%>
                  <li class="hr padding-tb" data-results='<%=JSON.stringify(oneAnswer.results)%>'
                      answer-item disable="0" id="q<%=oneQuestion.id%>-a<%=aIndex%>">
                    <%=oneAnswer.caption%>
                  </li>

                <%});%>
              </ul>
            </div>
            <!--题目的选项 end-->
            <div class="continue-btn-wrap">
              <%if(questions.length-1 !== qIndex){%>
              <div class="btn bg-primary show animated lightSpeedIn continue" disable="0" style="color: #acb0b9;">Continue</div>
              <%}else{%>
              <div class="btn bg-primary show animated lightSpeedIn continue" disable="0" style="color: #acb0b9;">Show result</div>
              <%}%>
            </div>
          </li>
          <%});%>
          <li attr-page attr-result>
            <div class="cal-wrap">
              <div class="i-box-1 circle animated scaleCirl infinite">

              </div>
              <div class="i-box-2 circle animated scaleCirr infinite">

              </div>
              <div class="text">Calculating...</div>
            </div>
            <div class="power">Powered&nbsp;by&nbsp;Yoparent.com</div>
          </li>
        </ul>
      </div>
    </script>  <script src="scripts/data/envia24.js?t=123456"></script> <script src="scripts/main7.js?v=12121212"></script> <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script> </head> <body> <!--[if lt IE 10]>
 <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 <![endif]--> <div class=container id=container></div> <div class="ending full-page hide"> <div class=mesg> Share my results with friends. <div class="share icon-redo2"></div> </div> </div> <div class="orientation full-page hide"> <div class=orientation-wrap> <div class="loading icon-spinner"></div> <div class=mesg></div> </div> </div> <div class="full-page result-box hide">  <div class=result-wrapper id=result-wrapper result-wrapper> <ul class=desc id=result-scroller> <li> <div class=result-img result-img> <img src=http://7xi66y.com1.z0.glb.clouddn.com/scale/0007/result.jpg style="width: 100%;height: auto"> <h3 class=title></h3> </div> </li> <li result-desc></li> <li class=result-expert>  <br> <span style="font-size: 14px;">For more tests please follow Yoparent.com</span>   <div style="text-align: center"> <img src=http://7xi66y.com1.z0.glb.clouddn.com/scale/0007/yoparent_logo_en.jpg style="width: 305px; height: 150px;"> </div> </li> <li> </li> </ul> </div> <div class=btn-wrap result-btn>  <div class="btn bg-primary" id=share>Share result</div> </div> <div class=power_result style="text-align: center"> <div class=text style="text-align: center"> Powered&nbsp;by&nbsp;Yoparent.com </div> <div class=text style="text-align: center"> All right reserved </div> </div> </div> <script type=text/template id=quiz-data style=display:none;> </script> <script type=text/javascript>
      var yoparent_token = "1xzqkxz377o5596qmbjwlkvsl";
      var yoparent_start_time = "1436603587600";
    </script> <script type=text/javascript>
      var data_tpl = null;
      var resultUrl = "http://123.59.44.69:7070/yoparent/scale/result";
//      var resultUrl = "http://localhost:8085/yoparent/scale/result";
      WeittQuiz.run(
        data_tpl,
        "#container",
        "#under-tpl",
        {
          nextPageTime: 500,
          bgImg: "",
          coverDesc: { duration: 900, animate: "zoomIn" },
          mainCoverImg: { duration: 0, animate: "zoomInDown" },
          mainAnswers: { duration: 650, animate: "fadeInUp" },
          nextPageWaitingTime:500
        }
      );

      $.ajax({type:'get',url:'http://123.59.44.69:7070/yoparent/scale/initData?url=' + encodeURIComponent(location.href.split('#')[0])+ '&r=' + Math.random(),success:function(data){
        var configData =eval('(' + data + ')');
        sysconfig(configData);
        wxconfig(configData);
      }});
//
      function sysconfig(data){
        window.yoparentToken = data.token;
        window.yoparentStartTime = parseInt(data.startTime);
      }
      function wxconfig(data){
        wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: data.singatureParm.appId, // 必填，公众号的唯一标识
          timestamp: parseInt(data.singatureParm.timestamp), // 必填，生成签名的时间戳
          nonceStr: data.singatureParm.nonceStr, // 必填，生成签名的随机串
          signature: data.singatureParm.signature,// 必填，签名，见附录1
          jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        window.yoparentWxConfig ={
          title: 'VIA 24 Character Strength Test | Yoparent', // 分享标题
          desc: 'What are your signature strengths? Martin E.P. Seligman, father of positive psychology, argues that everyone has his or her character strengths, using these strengths in daily life helps to increase positive emotion, engagement and meaning. The following 12-item-test will help you know your strengths.', // 分享描述
          link: 'http://scale.yoparent.cn/envia24.html', // 分享链接
          imgUrl: 'http://7xi66y.com1.z0.glb.clouddn.com/scale/0007/face.jpg?t=' + Math.random(), // 分享图标
          type: 'link', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        }

        window.yoparentWxTimeineConfig ={
          title: 'VIA 24 Character Strength Test | Yoparent', // 分享标题
          desc: 'What are your signature strengths? Martin E.P. Seligman, father of positive psychology, argues that everyone has his or her character strengths, using these strengths in daily life helps to increase positive emotion, engagement and meaning. The following 12-item-test will help you know your strengths.', // 分享描述
          link: 'http://scale.yoparent.cn/envia24.html', // 分享链接
          imgUrl: 'http://7xi66y.com1.z0.glb.clouddn.com/scale/0007/face.jpg?t=' + Math.random(), // 分享图标
          type: 'link', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        }


        wx.ready(function(){
          window.wxReady = true;

          window.wx.onMenuShareTimeline(window.yoparentWxConfig);

          window.wx.onMenuShareAppMessage(window.yoparentWxTimeineConfig);

        });
      }

    </script> <script type=text/javascript src=http://res.wx.qq.com/open/js/jweixin-1.0.0.js></script> </body> </html> 